<!--  -->
<template>
<div class="userinfo">
     <navBar></navBar>
     <img src="@/assets/bannerTop_new.png" class="backImg"/>
    <userDetail :Userinfo="model"/>
    <userArticle/>
</div>
</template>

<script>
import navBar from '@/components/navBar'
import userDetail from '@/components/userDetail'
import userArticle from '@/components/userArticle'
export default {
  data () {
    return {
        model:{}
    };
  },

  components: {
      navBar,
      userDetail,
      userArticle
  },
  methods:{
     async UserinfoData(){
          const res=await this.$http.get('/user/'+localStorage.getItem('id'))
          this.model=res.data[0]
      }
  },
  mounted(){
      this.UserinfoData()
  }
}

</script>
<style  scoped>

.userinfo .backImg{
    height: 91px;
    width: 100%;

}
</style>